/*--默认--*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;_background-image:url(about:blank);_background-attachment:fixed;}
body{-webkit-text-size-adjust:none;font-family:微软雅黑,Arial;font-size:12px;color:#707070;}
ol,ul,li{list-style:none outside none;}
a{text-decoration:none;color:inherit;}
img{border:none;vertical-align:middle;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#474747;line-height:100%;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;}
i,em,b,strong{font-style:normal;font-weight:normal;}
input,textarea,select{padding:0;border:1px solid #CCC;font-family:inherit;}

::-webkit-scrollbar-track-piece { 
background-color:#f8f8f8;
}
::-webkit-scrollbar {
width:9px;
height:9px;
}
::-webkit-scrollbar-thumb {
background-color:#dddddd;
background-clip:padding-box;
min-height:28px;
}
::-webkit-scrollbar {
    opacity: 0
}
::-webkit-scrollbar:hover{
    overflow: 1
}

::-webkit-scrollbar-thumb:hover {
background-color:#bbb;
}



 *{padding:0px;margin:0px;border:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a{margin:0px;padding:0px;border:0px;text-decoration:none; font-size:13px;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s}
a:hover{text-decoration:none;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s}
  
.FloatingWindow{position:fixed;right:0;z-index:550;top:40%;width:72px}
.FloatingWindow .FloatingWindow_list{width:100%;display:inline-block;position:relative;margin-bottom:10px;background:rgba(0,0,0,0.5)}
.FloatingWindow .FloatingWindow_list:hover{background:#ec6d1f}
.FloatingWindow .FloatingWindow_list .FloatingWindow_list_down{position:absolute;background:rgba(255,112,25,1);width:258px;line-height:72px;color:#fff;font-size:16px;text-align:center;left:-187px;top:0;display:none}
.FloatingWindow .FloatingWindow_list .FloatingWindow_list_title{text-align:center;border:1px solid #ec6d1f;padding:10px}
.FloatingWindow .FloatingWindow_list .FloatingWindow_list_title dd{color:#fff;font-size:28px}
.FloatingWindow .FloatingWindow_list .FloatingWindow_list_title dt{color:#fff;font-size:12px;margin-top:3px}
.FloatingWindow .FloatingWindow_list:hover .FloatingWindow_list_down{display:block}
        
        

.page_n{ width: 100%;}
.page_n{ text-align:center; padding:20px 0;}
.page_n a{    display: inline-block; padding: 10px 20px; background: #f0f0f0; margin: 0px 5px; border-radius: 0px;}
.page_n a:hover{ background:#005da2; color:#fff; text-decoration:none;}
.page_n a.common_current_page{ background:#005da2; color:#fff; text-decoration:none;}



/* banner */
 .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .swiper-slide img{ width: 100%; height: 100%;}


.swiper-pagination-white .swiper-pagination-bullet-active{ width: 30px; transform: 0.5s all}
.swiper-pagination-bullet{ width:10px; height:5px; border-radius: 5px}





        .content{text-align:center}
        .clear{clear:both}
        .header{width:100%;height:500px;position:relative}
        .header .nav{width:100%;position:absolute;z-index:2;height:100px;}
        .header .nav .logo{width:300px;height:auto;float:left;margin-left:30px;text-align:center}
        .header .nav .logo img{width:75%;margin-top:20px}
        
        .header .nav .logofixd{ display:none;width:300px;height:auto;float:left;margin-left:30px;text-align:center}
        .header .nav .logofixd img{width:75%;margin-top:20px}
        
        .header .nav .navlist{width:72%;float:right;padding-top:20px}
        .header .nav .navlist ul{width:70%;display:flex;flex-wrap:wrap;float:left}
        .header .nav .navlist ul li{float:left; width: 15%; text-align: center; font-size:16px;color:#fff}
        .header .nav .navlist ul li:hover{font-size:18px;text-shadow:5px 5px 10px rgba(0,0,0,0.5);transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s}
        .header .nav .navlist ul li a{line-height:80px;color:#fff}
        .header .nav .navlist .tel{float:right;width:30%;color:#fff;font-size:28px;line-height:80px}
        .header .banner .bannerimg{height:500px;width:100%; background-repeat: no-repeat; background-position: center; background-size: cover }

        .headfixed{ position: fixed!important; background: #fff;     box-shadow: 1px 1px 2px #eee;    z-index: 1000!important;}
        .headfixed ul li a{ color:#555!important;  }
        .headfixed .tel{ color:#555!important;  }
        .headfixed .logo{ display:none; }
        .headfixed .logofixd{ display:block!important; }
        
        
        .header .nav .navlist ul li:hover .naver{  display:block!important; }
        .naver{ width:100%!important; background:#fff; display:none!important; border-radius: 5px;   box-shadow: 1px 1px 1px #555;    padding: 10px 0;}
		.naver .list{   float: none!important; width:100%!important; line-height:20px}
		.naver .list a{ color:#555!important; text-align:center; display:block; line-height:40px!important; font-size:12px;text-shadow:none!important;}  
		.naver .list a:hover{ font-size:14px; text-shadow:none!important;} 
		
		.naver .list:hover{ background:#5b97ef; color:#fff}
		.naver .list:hover a{  color:#fff!important}
		
        .gettouch{width:100%;background:#eee;color:#555;text-align:center;padding-bottom:20px;cursor:pointer}
        .gettouch h2{font-size:32px;color:#555;line-height:100px}
        .gettouch i{font-size:40px;color:#555;line-height:60px}
        .gettouch .lianxibut{border:1px #555 solid;padding:5px 20px;font-size:18px;width:150px;margin:0 auto;margin-top:20px}
        .gettouch .lianxibut:hover{ background: #555; color: #fff; transition: 0.5s all;}

        
        .footer{background:#333333;color:#fff; overflow: hidden;    padding: 0 10px;}
        .footer .container{border-bottom:1px solid #666;padding:0 0 10px 0}
        .footer h2{color:#fff;font-size:18px;font-weight:bold;line-height:50px}
        .footer h1{color:#fff;font-size:40px;font-weight:bold;margin-top:60px;cursor:pointer}
        .footer p{color:#999999;font-size:14px;line-height:20px;transform:1s all;cursor:pointer}
        .footer p:hover{color:#fff;font-size:14px;line-height:20px;transform:1s all}
        .footer a{color:#999999;font-size:14px;line-height:20px;transform:1s all;margin-right:20px}
        .footer a:hover{color:#fff;font-size:14px;line-height:20px;transform:1s all}
 
        #mobile{ display: none}
        .logoimgmob{ display: none; }

             
       
       
    

 @media screen and (max-width:500px){


            .gettouch h2{ font-size: 23px }
            .logoimgmob{ display: block; position: fixed; z-index: 99; width: 30%; margin-top: 10px; margin-left: 10px;}
            .logoimgmob img{ width:100%;}
            #mobile{ display: block}
            
            
            #burgerBtn{border-top:2px solid #ccc;height:25px;width:30px;box-sizing:border-box;position:fixed ;z-index:30;
            right:20px;top:15px;cursor:pointer;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;
            -khtml-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
            #burgerBtn:before{content:"";display:block;position:absolute;height:2px;width:30px;left:0;background:#ccc;top:10px;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-khtml-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in}
            #burgerBtn:after{content:"";display:block;position:absolute;height:2px;width:30px;left:0;background:#ccc;bottom:0;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-khtml-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in}
            
            
            #mobile{ position: fixed; z-index: 99; top: 0; bottom:0;    height: 100%; }
            .navigation #burgerBtn{border-color:transparent}
            .navigation #burgerBtn:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-khtml-transform:rotate(45deg);
            -o-transform:rotate(45deg);transform:rotate(45deg);width:33px;left:-2px;background:#555;}
            .navigation #burgerBtn:after{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-khtml-transform:rotate(135deg);
            -o-transform:rotate(135deg);transform:rotate(135deg);bottom:11px;width:33px;left:-2px; background:#555;}
            .navigation { width: 100%; position: absolute; height: 200px;}
            .burgerBtn #nav { width: 50%; padding: 20px 20px; position:absolute;   right: 0;  top:0; bottom: 0;  z-index: 9; background: #fff;  }   
            .navigation #nav { width: 50%; padding: 80px 20px;  }   
            .navigation #nav li {  font-size: 18px; text-align: center; line-height: 50px; }   
            .burgerBtn{ position: fixed; top: 0; bottom: 0; right:-200px; transition: 0.5s all;  height: 200px;}
            .navigation {position: fixed; right:0px; transition: 0.5s all;  height: 200px;}
            
            
            .mobnav{  }
            .mobheadfixed{     background: rgba(0,0,0,0.5);    width: 100%;   height: 65px;    position: fixed;    z-index: 999; }
            
            
 }